import { StyleSheet } from 'react-native';
import { SCREEN_HEIGHT, SCREEN_WIDTH } from "../../constant";
export const guideStyles = StyleSheet.create({
    container: {
        display: 'flex',
        flex: 1,
        backgroundColor: '#fff',
        position: 'relative',
        justifyContent: 'space-between'
    },
    scrollView: {},
    scrollContainer: {
        height: SCREEN_HEIGHT - 100,
    },
    loginBth: {
        backgroundColor: '#DBC228',
        height: 40,
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center'
    },
    loginText: {
        color: '#fff',
        fontSize: 13
    },
    joinBtn: {
        backgroundColor: '#fff',
        height: 40,
        display: 'flex',
        justifyContent: 'center',
        alignItems: 'center'
    },
    joinText: {
        color: '#333',
        fontSize: 14
    },
    guideContainer: {
        display: 'flex',
        flex: 1,
        position: 'relative'
    },
    guideItemContainer: {
        display: 'flex',
        flex: 1,
        width: SCREEN_WIDTH,
        alignItems: 'center',
        padding: 20,
        backgroundColor: "#fefefe"
    },
    guideItemText: {
        color: '#666',
        fontSize: 14,
    },
    guideItemTitle: {
        color: '#000',
        fontSize: 14,
    },
    guideItemLine: {
        width: 20,
        height: 5,
        backgroundColor: '#000',
        marginTop: 5,
        marginBottom: 10,
    }
});
export const pageCtrStyles = StyleSheet.create({
    container: {
        display: 'flex',
        alignItems: 'center',
        justifyContent: 'center',
        flexDirection: 'row',
        height: 40,
        width: SCREEN_WIDTH,
        position: 'absolute',
        bottom: 0,
        left: 0,
    },
    dot: {
        width: 10,
        height: 10,
        margin: 2,
        borderRadius: 5,
        backgroundColor: '#ccc',
    },
    dotActive: {
        width: 10,
        height: 10,
        borderRadius: 5,
        margin: 2,
        backgroundColor: 'orange',
    }
});
export const commentStyles = StyleSheet.create({
    item: {
        alignItems: 'flex-start',
        padding: 20,
    },
    leftContent: {
        marginLeft: 10,
    },
    name: {
        color: '#000',
        fontSize: 16,
        marginBottom: 4,
    },
    sub: {
        color: '#333',
        fontSize: 14,
        marginBottom: 4,
    },
    time: {
        color: '#999',
        fontSize: 13,
        marginBottom: 4,
    },
    content: {
        color: '#333',
        fontSize: 15,
        marginBottom: 4,
    },
});
